<template>
	<view class="home">
        <!-- <index></index> -->
        <kind></kind>
		<bottomTabBar></bottomTabBar>
	</view>
</template>

<script>
    import {mapState} from 'vuex';
    
    import index from '../index/index.vue';
    import kind from '../kind/kind.vue';
    import store from '@/store/index.js';
	export default {
        components: {
            bottomTabBar,
            index,
            kind
        },
		data() {
			return {
				
			};
		},
        computed: {
            ...mapState({
                bottomFunc: state => state.bottomFunc,
                age: state => state.age
            }) 
        },
        onReachBottom() {
            console.log('触底1', this.isBottomLoad, this.age)
            this.bottomFunc.index()
            
        }
	}
</script>

<style lang="less">

</style>
